<ion-view >
	<ion-header-bar class="header-tabs-bgcolor bgc-fd8003 bdc-fd8003" >
		<span class="header-left-icon" ></span>
		<span class="header-text" >合作区</span>
		<span class="header-rigth-icon" ></span>
	</ion-header-bar>
	<ion-content >
		<div class="padding">
			<ul class="list-group" ng-repeat="item in vm.appData" ng-init="outerIndex = $index">
                <h3>{{item.name}}<span class="outer-index">outerIndex:{{outerIndex}}</span></h3>
                <h4>{{item.author}}</h4>
                <li class="list-group-item">
                    <ul class="list-group">
                        <li class="list-group-item" ng-repeat="v in item.books track by $index" ng-init="innerIndex = $index">
                            {{v.name}} <span class="inner-index">innerIndex:{{innerIndex}}</span>
                        </li>
                        <li class="list-group-item">
                            <form class="form-inline">
                                <input class="form-control" ng-model="vm.tempItem[$index]" type="text">
                            </form>
                        </li>
                    </ul>

                </li>
                <hr ng-show="!$last">
            </ul>
		</div>
	</ion-content>
</ion-view>